<template>
  <el-row class="zhuanlancontainer">
    <el-col :span="4" style="  background-color: white;">
      <div style="text-align:center;  background-color: white;">
        <el-menu style="width:80%;" default-active="2" class="el-menu-vertical-demo">
          <router-link to="/zhuanlan">
            <el-menu-item index="1">
              <i class="el-icon-menu"></i>
              <span>全部</span>
            </el-menu-item>
          </router-link>

          <div v-for="(item,index) in fenqulist" :key="item">
            <router-link :to="'/zhuanlan/zhuanlanconcent/'+item.code">
              <el-menu-item
                :index="index+'2'"
                @click="sendate"
              >{{index}}--{{item.code}}-- {{item.name}}</el-menu-item>
            </router-link>
          </div>
        </el-menu>
      </div>
    </el-col>
    <router-view></router-view>
  </el-row>
</template>

<script>
export default {
  name: "",

  data() {
    return { fenqulist: [{ code: "game", name: "游戏" }] };
  },
  methods: {
    sendate() {}
  }
};
</script>
<style   scoped>
.zhuanlancontainer {
  background-color: white;
  position: relative;
  width: 80%;
  top: 30px;
  left: 160px;
}
</style>